<template>
  <header class="v-header" :style="style">
    <slot></slot>
  </header>
</template>
<script>
  import view from './view.js'

  export default {
    name: 'v-header',
    componentName: 'v-header',
    mixins: [view],
    props: {
      desc: {
        type: String,
        default: 'v-header'
      }
    },
    install: function (Vue) {
      Vue.component('v-header', this)

    },
    computed: {
      style () {
        let prop = view.getStyle(this.$props)
        console.log(prop)
        return prop
      }

    }
  }

</script>
<style scoped>
  .v-header {
    height: 60px;
    text-align: center;
    line-height: 60px;
  }
</style>

